<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件监听</title>
</head>
<body>
<input type="button" id="butt1" value="按钮">
<input type="button" id="butt2" value="按钮">
<script>
    // //获取input元素
    // let input=document.querySelector("#butt1");
    // //添加事件监听
    // input.addEventListener("click",function () {
    //     console.log("按钮被点击了");
    //     alert("按钮被点击了");
    // })
    //事件监听-->addEventListener可以添加多个事件监听
    let inputzk=document.querySelector("#butt1");
    let inputzk1=document.querySelector("#butt2");
    inputzk.addEventListener("click",function () {
        console.log("按钮被点击了");
        alert("按钮被点击了");
    })
    inputzk.addEventListener("click",function () {
        console.log("按钮被点击了");
        alert("按钮被点击了");
    })
    //事件绑定——早期写法-onclick(如果多次绑定同一事件会覆盖)
    inputzk1.onclick=function () {
        console.log("按钮被点击了");
        alert("按钮被点击了");
    }
    inputzk1.onclick=function () {
        console.log("已覆盖");
        alert("已覆盖");
    }


</script>
</body>


</html>